
.tshop-um-gezipu {
	margin-bottom: 10px;
	background: #fff;

	.hd {
		height: 45px;
		background: url(../../assets/images/chaodatu-hd-bg.jpg) no-repeat 0 -55px;
		color: #fff;
		font-weight: bold;
		font-family: "Times New Roman";
		font-size: 20px;
		padding: 10px 0 0 50px;
	}

	.inner {
		padding: 5px;
	}

	.carousel {
		position: relative;
		width: 940px;
		height: 310px;
		overflow: hidden;
		background: #fff;

		a.btn-prev,
		a.btn-next {
			display: none;
		}

		.container  {
			width: 310px;
			height: 310px;
			overflow: hidden;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 5;

			.ks-switchable-content {
				li {
					width: 310px;
					height: 310px;
					overflow: hidden;

					.pic {
						float: left;
						width: 310px;

						a {
							display: block;
							width: 310px;
							height: 310px;
							overflow: hidden;
							background-position: center top;
							background-repeat: no-repeat;
							background-color: #F1E5D6;
							position: relative;
							color: #fff;

							.attr {
								position: absolute;
								left: 0;
								bottom: 0;
								width: 310px;
								height: 50px;
								overflow: hidden;
								background: url(../../assets/images/gezipu-attr-bg.png) no-repeat 0 -50px;

								.title {
									float: left;
									width: 210px;
									padding: 9px 10px 0;
									height: 32px;
									line-height: 16px;
									overflow: hidden;
									text-align: right;
								}
								.price {
									float: left;
									width: 80px;
									height: 50px;
									line-height: 50px;
									text-align: center;
									font-family: "Times New Roman";

									span {
										font-size: 20px;
										font-weight: bold;
									}
								}
							}
						}
					}
				}
			}
		}

		.ks-switchable-nav {
			position: absolute;
			left: 315px;
			top: 0;
			z-index: 15;
			width: 630px;

			li  {
				float: left;
				width: 100px;
				height: 100px;
				overflow: hidden;
				padding: 0 5px 5px 0;
				background: url(../../assets/images/gezipu-bg.png);

				a {
					display: block;
					width: 100px;
					height: 100px;
					overflow: hidden;
					background-color: #F1E5D6;
					background-position: center top;
					background-repeat: no-repeat;
					position: relative;

					b {
						display: block;
						width: 100px;
						height: 100px;
						overflow: hidden;
						position: absolute;
						left: 0;
						top: 0;
						background: url(../../assets/images/gezipu-bg.png);
					}
				}

				&.ks-active {
					a {
						b {
							display: none;
						}
					}
				}
			}
		}
	}

}

 
